跳到主要内容

giscus 报错 Refused to frame

问题描述​

参考文章 如何为Docusaurus添加Giscus评论系统 | Docusaurus | thewang.

按照以上文章中的步骤：

配置好 giscus 后重启项目，本来应该成功，但页面中显示 giscus.app 拒绝连接。

1737108839131

浏览器控制台出现报错: Refused to frame 'https://giscus.app/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'".

1737108956168

报错原因​

查阅资料得知，报错原因是 giscus 配置项中的 lang 属性值错误，可以是 zh-CN 、 en ，不能是 zh-cn 。

解决方法​

在 docusaurus 项目中的 src/components/Comments/index.tsx 文件中，将对 lang 属性赋值语句注释掉，或者直接改成

giscus.lang = 'zh-CN ';

1737109930024

将 docusaurus.config.js 文件中的 lang 配置为 zh-CN

1737109617871

重启项目，发现问题已解决。

创建时间：2025年1月21日

更新时间：2025年1月21日

Loading Comments...